﻿<!doctype html>
<html>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
<!-- <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> -->
<!-- <script src ="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> -->
<script type="text/javascript" src="static/js/js.js"></script>
<script type="text/javascript" src="static/js/jquery.liMarquee.js"></script>
<script type="text/javascript" src="static/js/jquery.cxselect.min.js"></script>
<head>
    <meta charset="utf-8">
    <title>数字货币大数据分析平台</title>

    <link rel="stylesheet" href="static/css/comon0.css">
</head>
<body>
    <div style="background-color: #010b46;background-image: radial-gradient(#012ae6,#030d4a)">
        <div class="loading">
            <div class="loadbox" style="text-align: center;"> <img src="static/images/loading.gif"> </div>
        </div>
        <div class="back"></div>
        <div class="head">
            <div class="weather"><span id="showTime"></span></div>
            <div class="managehref">
                <a href="">欢迎, {{ current_user.id }}</a>
                <span style="color: rgba(255,255,255,.9);">|</span>
                <a href="{{ url_for('logout') }}">注销</a>
                <span style="color: rgba(255,255,255,.9);">|</span>
                <a href="https://allenplato.wiki/crypto_dashboard/">实时信息</a>
                <span style="color: rgba(255,255,255,.9);">|</span>
                <a href="{{ url_for('admin') }}">平台管理</a>
            </div>
            <h1>数字货币大数据分析平台</h1>
        </div>
        <script>
            var t = null;
            t = setTimeout(time, 1000);/*開始运行*/
            function time() {
                clearTimeout(t);/*清除定时器*/
                dt = new Date();
                var y = dt.getFullYear();
                var mt = dt.getMonth() + 1;
                var day = dt.getDate();
                var h = dt.getHours();
                var m = dt.getMinutes();
                var s = dt.getSeconds();
                document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + h + "时" + m + "分" + s + "秒";
                t = setTimeout(time, 1000); 
            }

        </script>
        <div class="mainbox">
            <ul class="clearfix">
                <li>
                    <div class="boxall" style="height:400px;">
                        <div class="alltitle">周涨跌幅</div>
                        <div class="navboxall" id="chart1"></div>
                        <!-- 在js中 -->
                    </div>
                    <div class="boxall" style="height:260px;">
                        <div class="alltitle">今日开盘价排名滚动栏</div>
                        <div class="navboxall">
                            <div class="wraptit">
                                <span>NO.</span><span> 币种</span><span>今日开盘价($)</span><span>今日市值($)</span>
                            </div>
                            <div class="wrap">
                                <ul class="rank_ul">
                                    <!-- 这部分在js.js中加载 读取后端数据库 -->
                                </ul>

                            </div>

                        </div>
                    </div>
                    <div class="boxall" style="height:260px;">
                        <div class="alltitle">市值占比</div>

                        <div class="navboxall" id="rose_echart"></div>
                    </div>
                </li>
                <li>

                    <div class="boxall" style="height:230px">
                        <div class="clearfix navboxall" style="height: 100%">
                            <div class="pulll_left num">
                                <div class="numbt">全网算力值(hashrate)<span></span></div>
                                <div class="numtxt" id="hashrate" style="font-size: 50px"></div>
                            </div>
                            <div class="pulll_right zhibiao">
                                <div class="zb1" ><span id='zb1_span'>BTC价格($)</span><div id="zb1"></div></div>
                                <div class="zb2"><span>涨跌幅</span><div id="zb2"></div></div>
                                <div class="zb3"><span>总币种</span><div id="zb3"></div></div>
                            </div>
                        </div>
                    </div>
                    <div class="boxall" style="height: 400px;">
                        <div class="alltitle">K-Line
                            <!-- <select id='update_symbol_select' onclick="paint_k_line()" style="background: url(../static/images/car.jpg); float: right;"> -->
                            <select id='update_symbol_select' onclick="paint_k_line()" style="background: 'rgba(10,9,9,0)'; float: right;">
                                <!-- 异步更新选择option的Symbol -->
                                <!-- <option value="请选择">请选择</option> -->
                                <option value = "AAVE">AAVE</option>
                                <option value = "ADA">ADA</option>
                                <option value = "ALGO">ALGO</option>
                                <option value = "AMP">AMP</option>
                                <option value = "AR">AR</option>
                                <option value = "ATOM">ATOM</option>
                                <option value = "AVAX">AVAX</option>
                                <option value = "AXS">AXS</option>
                                <option value = "BAT">BAT</option>
                                <option value = "BCH">BCH</option>
                                <option value = "BNB">BNB</option>
                                <option value = "BNT">BNT</option>
                                <option value = "BSV">BSV</option>
                                <option value = "BTC" selected>BTC</option>
                                <option value = "BTCB">BTCB</option>
                                <option value = "BTG">BTG</option>
                                <option value = "BTT">BTT</option>
                                <option value = "BUSD">BUSD</option>
                                <option value = "CAKE">CAKE</option>
                                <option value = "CEL">CEL</option>
                                <option value = "CELO">CELO</option>
                                <option value = "CHSB">CHSB</option>
                                <option value = "CHZ">CHZ</option>
                                <option value = "COMP">COMP</option>
                                <option value = "CRV">CRV</option>
                                <option value = "DAI">DAI</option>
                                <option value = "DASH">DASH</option>
                                <option value = "DCR">DCR</option>
                                <option value = "DGB">DGB</option>
                                <option value = "DOGE">DOGE</option>
                                <option value = "DOT">DOT</option>
                                <option value = "EGLD">EGLD</option>
                                <option value = "ENJ">ENJ</option>
                                <option value = "EOS">EOS</option>
                                <option value = "EQUAD">EQUAD</option>
                                <option value = "ETC">ETC</option>
                                <option value = "ETH">ETH</option>
                                <option value = "FIL">FIL</option>
                                <option value = "FLOW">FLOW</option>
                                <option value = "FTM">FTM</option>
                                <option value = "FTT">FTT</option>
                                <option value = "GRT">GRT</option>
                                <option value = "HBAR">HBAR</option>
                                <option value = "HNT">HNT</option>
                                <option value = "HOT">HOT</option>
                                <option value = "HT">HT</option>
                                <option value = "ICP">ICP</option>
                                <option value = "ICX">ICX</option>
                                <option value = "KCS">KCS</option>
                                <option value = "KLAY">KLAY</option>
                                <option value = "KSM">KSM</option>
                                <option value = "LEO">LEO</option>
                                <option value = "LINK">LINK</option>
                                <option value = "LTC">LTC</option>
                                <option value = "LUNA">LUNA</option>
                                <option value = "MANA">MANA</option>
                                <option value = "MATIC">MATIC</option>
                                <option value = "MDX">MDX</option>
                                <option value = "MIOTA">MIOTA</option>
                                <option value = "MKR">MKR</option>
                                <option value = "NANO">NANO</option>
                                <option value = "NEAR">NEAR</option>
                                <option value = "NEO">NEO</option>
                                <option value = "NEXO">NEXO</option>
                                <option value = "OKB">OKB</option>
                                <option value = "ONE">ONE</option>
                                <option value = "ONT">ONT</option>
                                <option value = "PAX">PAX</option>
                                <option value = "QNT">QNT</option>
                                <option value = "QTUM">QTUM</option>
                                <option value = "RUNE">RUNE</option>
                                <option value = "SC">SC</option>
                                <option value = "SHIB">SHIB</option>
                                <option value = "SNX">SNX</option>
                                <option value = "SOL">SOL</option>
                                <option value = "STX">STX</option>
                                <option value = "SUSHI">SUSHI</option>
                                <option value = "TEL">TEL</option>
                                <option value = "TFUEL">TFUEL</option>
                                <option value = "THETA">THETA</option>
                                <option value = "TRX">TRX</option>
                                <option value = "TUSD">TUSD</option>
                                <option value = "UNI">UNI</option>
                                <option value = "USDC">USDC</option>
                                <option value = "USDT">USDT</option>
                                <option value = "UST">UST</option>
                                <option value = "VET">VET</option>
                                <option value = "WAVES">WAVES</option>
                                <option value = "WBTC">WBTC</option>
                                <option value = "XDC">XDC</option>
                                <option value = "XEM">XEM</option>
                                <option value = "XLM">XLM</option>
                                <option value = "XMR">XMR</option>
                                <option value = "XRP">XRP</option>
                                <option value = "XTZ">XTZ</option>
                                <option value = "YFI">YFI</option>
                                <option value = "ZEC">ZEC</option>
                                <option value = "ZEN">ZEN</option>
                                <option value = "ZIL">ZIL</option>
                                <option value = "ZRX">ZRX</option>
                                <!-- <script>
                                    $(document).ready(function(){
                                        
                                        // $.ajax({
                                        //     url:"{{url_for('select_symbol')}}",
                                        //     data:{},
                                        //     type:'POST',
                                        //     async:false,
                                        //     success:function(data1){
                                        //         for(var symbol in data1){
                                        //             document.getElementById("update_symbol_select").options.add(new Option(data1[symbol],data1[symbol]));
                                        //         }
                                                
                                        //     },
                                        //     error:function(msg){
                                        //         // console.log(msg);
                                        //         alert('接受信息错误')
                                        //     }
                                        // });
                                    });
                                </script> -->
                            </select>
                           
                        </div>
                        
                        <!-- <div class="navboxall" id="echart4"></div> -->
                        <div class="navboxall" id="k_line" style="margin: 10px;"></div>
                        <script>
                            var myChart = echarts.init(document.getElementById('k_line'));

                            function paint_k_line(){
                                var options = $("#update_symbol_select").val();
                                
                                // console.log(options);

                                $.ajax({

                                    // url:'/echart',
                                    url: "{{ url_for('k_line_echart')}}",
                                    data:{'symbol_opt':options},
                                    type:'POST',
                                    // async:false,
                                    // dataType:'json',
                                    // processData:false,
                                    success:function(data){
                                        // console.log(obj);
                                        console.log(options);
                                        // 设置算力值 
                                        var hashrate = data['3']['hashrate'];
                                        $('#hashrate').html(''+hashrate);
                                        // alert(data['1']);
                                        // 颜色
                                        var upColor = '#FF0000';
                                        var upBorderColor = '#8A0000';
                                        // var downColor = '#00da3c';
                                        var downColor ='#00FF00'
                                        var downBorderColor = '#008F28';
                                        var axisFontColor='#D8D8D8'
                                        // 得到选择框的数据
                                        $('#zb1_span').html(options +'价格($)');
                    
                                        var data0 = splitData(data['1']);
                                        function splitData(rawData){
                                            var categoryData = [];
                                            var values =[]
                                            for( var line in rawData){
                                                categoryData.push(rawData[line].splice(0,1)[0]);
                                                values.push(rawData[line]);
                                            }
                                            return{
                                                categoryData:categoryData,
                                                values:values
                                            };
                                        };
                    
                                        function calculateMA(dayCount) {
                                            var result = [];
                                            for (var i = 0, len = data0.values.length; i < len; i++) {
                                                if (i < dayCount) {
                                                    result.push('-');
                                                    continue;
                                                }
                                                var sum = 0;
                                                for (var j = 0; j < dayCount; j++) {
                                                    sum += data0.values[i - j][1];
                                                }
                                                result.push(sum / dayCount);
                                            }
                                            return result;
                                        };
            
                                        myChart.setOption({
                                            title: {
                                            text: options+'币',
                                            left: 0.,
                                            textStyle:{
                                                    color:axisFontColor,
                                                }          
                                        },
                                        tooltip: {
                                            trigger: 'axis',
                                            axisPointer: {
                                                type: 'cross'
                                            }
                                        },
                                        legend: {
                                            data: ['日K', 'MA5', 'MA10', 'MA20', 'MA30'],
                                            textStyle:{
                                                    color:axisFontColor,
                                                }
                                        },
                                        grid: {
                                            left: '10%',
                                            right: '10%',
                                            bottom: '15%'
                                        },
                                        xAxis: {
                                            type: 'category',
                                            data: data0.categoryData,
                                            scale: true,
                                            boundaryGap: false,
                                            axisLine: {onZero: false},
                                            splitLine: {show: false},
                                            splitNumber: 20,
                                            min: 'dataMin',
                                            max: 'dataMax',
                                            axisLabel:{
                                                show:true,
                                                textStyle:{
                                                    color:axisFontColor,
                                                }
                                            },
                                        },
                                        yAxis: {
                                            axisLabel:{
                                                show:true,
                                                textStyle:{
                                                    color:axisFontColor,
                                                }
                                            },
                                            splitLine: {show: false},
                                            scale: true,
                                            splitArea: {
                                                show: true,
                                                areaStyle:{
                                                    color:[
                                                        'rgba(10,9,9,0)',
                                                        'rgba(10,9,9,0)'
                                                    ],
                                                },
                                            }
                                        },
                                        dataZoom: [
                                            {
                                                type: 'inside',
                                                start: 95,
                                                end: 100
                                            },
                                            {
                                                show: true,
                                                type: 'slider',
                                                top: '90%',
                                                start: 95,
                                                end: 100
                                            }
                                        ],
                                        series: [
                                            {
                                                name: '日K',
                                                type: 'candlestick',
                                                data: data0.values,
                                                itemStyle: {
                                                    color: upColor,
                                                    color0: downColor,
                                                    borderColor: upBorderColor,
                                                    borderColor0: downBorderColor
                                                },
                                                markPoint: {
                                                    label: {
                                                        normal: {
                                                            formatter: function (param) {
                                                                return param != null ? Math.round(param.value) : '';
                                                            }
                                                        }
                                                    },
                                                    data: [
                                                        {
                                                            name: 'XX标点',
                                                            coord: ['2013/5/31', 2300],
                                                            value: 2300,
                                                            itemStyle: {
                                                                color: 'rgb(41,60,85)'
                                                            }
                                                        },
                                                        {
                                                            name: 'highest value',
                                                            type: 'max',
                                                            valueDim: 'highest'
                                                        },
                                                        {
                                                            name: 'lowest value',
                                                            type: 'min',
                                                            valueDim: 'lowest'
                                                        },
                                                        {
                                                            name: 'average value on close',
                                                            type: 'average',
                                                            valueDim: 'close'
                                                        }
                                                    ],
                                                    tooltip: {
                                                        formatter: function (param) {
                                                            return param.name + '<br>' + (param.data.coord || '');
                                                        }
                                                    }
                                                },
                                                markLine: {
                                                    symbol: ['none', 'none'],
                                                    data: [
                                                        [
                                                            {
                                                                name: 'from lowest to highest',
                                                                type: 'min',
                                                                valueDim: 'lowest',
                                                                symbol: 'circle',
                                                                symbolSize: 5,
                                                                label: {
                                                                    show: false
                                                                },
                                                                emphasis: {
                                                                    label: {
                                                                        show: false
                                                                    }
                                                                }
                                                            },
                                                            {
                                                                type: 'max',
                                                                valueDim: 'highest',
                                                                symbol: 'circle',
                                                                symbolSize: 5,
                                                                label: {
                                                                    show: false
                                                                },
                                                                emphasis: {
                                                                    label: {
                                                                        show: false
                                                                    }
                                                                }
                                                            }
                                                        ],
                                                        {
                                                            name: 'min line on close',
                                                            type: 'min',
                                                            valueDim: 'close'
                                                        },
                                                        {
                                                            name: 'max line on close',
                                                            type: 'max',
                                                            valueDim: 'close'
                                                        }
                                                    ]
                                                }
                                            },
                                            {
                                                name: 'MA5',
                                                type: 'line',
                                                data: calculateMA(5),
                                                smooth: true,
                                                lineStyle: {
                                                    opacity: 0.5
                                                }
                                            },
                                            {
                                                name: 'MA10',
                                                type: 'line',
                                                data: calculateMA(10),
                                                smooth: true,
                                                lineStyle: {
                                                    opacity: 0.5
                                                }
                                            },
                                            {
                                                name: 'MA20',
                                                type: 'line',
                                                data: calculateMA(20),
                                                smooth: true,
                                                lineStyle: {
                                                    opacity: 0.5
                                                }
                                            },
                                            {
                                                name: 'MA30',
                                                type: 'line',
                                                data: calculateMA(30),
                                                smooth: true,
                                                lineStyle: {
                                                    opacity: 0.5,
                                                   
                                                }
                                            },
                    
                                        ]
                                        })
                                        window.addEventListener("resize",function(){
                                            myChart.resize();
                                        });

                        function zb2(data) {
                            // 基于准备好的dom，初始化echarts实例
                            var myChart1 = echarts.init(document.getElementById('zb1'));
                            var myChart2 = echarts.init(document.getElementById('zb2'));
                            datafortwo = []
                            for(val in data){
                                // alert(data[val]);
                                datafortwo.push(data[val]);
                            }
                            var down_or_rise =datafortwo[1];
                            var color_for_second = '#FF0000'
                            if(down_or_rise>0){
                                down_or_rise = '+'+down_or_rise;
                            }
                            else{
                                down_or_rise = ''+down_or_rise;
                                color_for_second = '#00FF00'
                            } 
                            option1 = {
                                series: [{	
                                    type: 'pie',
                                    radius: ['60%', '70%'],
                                    color:'#2ECCFA',
                                label: {
                                    normal: {
                                        position: 'center'
                                    }
                                },
                                data: [{
                                    value:1,
                                    name: '',
                                    label: {
                                        normal: {
                                            formatter: datafortwo[0]+'',
                                            textStyle: {
                                                fontSize: 20,
                                                color:'#fff',
                                            }
                                        }
                                    }
                                }, {
                                    value: 0,
                                    name: '',
                                    label: {
                                        normal: {
                                            textStyle: {
                                                color: '#aaa',
                                                fontSize: 12
                                            }
                                        }
                                    },
                                    itemStyle: {
                                        normal: {
                                            color: 'rgba(255,255,255,.2)'
                                        },
                                        emphasis: {
                                            color: '#fff'
                                        }
                                    },
                                }]
                            }]
                        };
                            // alert(data1[0]);
                            option2 = {
                                series: [{	
                                    type: 'pie',
                                    radius: ['60%', '70%'],
                                    color:color_for_second,
                                label: {
                                    normal: {
                                        position: 'center'
                                    }
                                },
                                data: [{
                                    value:1,
                                    name: '',
                                    label: {
                                        normal: {
                                            formatter: down_or_rise+'%',
                                            textStyle: {
                                                fontSize: 20,
                                                color:'#fff',
                                            }
                                        }
                                    }
                                }, {
                                    value: 0,
                                    name: '',
                                    label: {
                                        normal: {
                                            textStyle: {
                                                color: '#aaa',
                                                fontSize: 12
                                            }
                                        }
                                    },
                                    itemStyle: {
                                        normal: {
                                            color: 'rgba(255,255,255,.2)'
                                        },
                                        emphasis: {
                                            color: '#fff'
                                        }
                                    },
                                }]
                            }]
                        };        
                            myChart1.setOption(option1)
                            myChart2.setOption(option2);
                            window.addEventListener("resize",function(){
                                myChart1.resize();    
                                myChart2.resize();
                                });
                            }

                            for( val in data['2']){
                                // alert(data['2'][val]);
                                zb2(data['2'][val]);
                            };
                                        
                     },


                    
                                    error:function(msg){
                                        console.log(msg);
                                        alert('接受信息错误')
                                    }
                                });
                            }
                            window.addEventListener("resize",function(){
                            myChart.resize();
                            });



                           
                        </script>
                    </div>
                    <div class="boxall" style="height:340px">
                        <div class="alltitle">未来预测
                            <select id='predict_symbol' onclick="paint_predict_line()" style="background: 'rgba(10,9,9,0)'; float: right;">
                                <option value = "ADA">ADA</option>
                                <option value = "BNB">BNB</option>
                                <option value = "BTC" selected>BTC</option>
                                <option value = "BUSD">BUSD</option>
                                <option value = "DOGE">DOGE</option>
                                <option value = "ETH">ETH</option>
                                <option value = "SOL">SOL</option>
                                <option value = "UNI">UNI</option>
                                <option value = "USDC">USDC</option>
                                <option value = "USDT">USDT</option>
                            </select>
                        </div>
                        <div class="navboxall" id="predict_echart"></div>
                        <script>
                            function paint_predict_line(){
                                var options = $("#predict_symbol").val();
                                console.log(options);
                                $.ajax({
                                    url:"{{url_for('predict_echart')}}",
                                    data:{'symbol':options},
                                    type:"POST",
                                    success:function(data){
                                        // alert(data);
                                        var myChart = echarts.init(document.getElementById('predict_echart'));
                                        x_lable =[]
                                        y_open =[]
                                        y_close=[]
                                        y_high=[]
                                        y_low=[]
                                        for(val in data){
                                            x_lable.push(data[val][0]);
                                            y_open.push(data[val][1]);
                                            y_close.push(data[val][2]);
                                            y_high.push(data[val][3]);
                                            y_low.push(data[val][4]);
                                        }
                                        //  找到最小值的坐标
                                        var min_price =999999999;
                                        for(var i=0;i<y_low.length;i++){
                                            if(y_low[i]<min_price){
                                                min_price = y_low[i];
                                            }
                                        }

                                        option = {
                                            title: {
                                                text: options+'币',
                                                textStyle:{
                                                    color:'rgba(255,255,255,.6)'
                                                }
                                            },
                                            tooltip: {
                                                trigger: 'axis'
                                            },
                                            legend: {
                                                data: ['开盘价格','收盘价格','最高价格','最低价格'],
                                                textStyle:{
                                                    color:'rgba(255,255,255,.6)'
                                                }
                                            },
                                            grid: {
                                                left: '3%',
                                                right: '4%',
                                                bottom: '3%',
                                                containLabel: true
                                            },
                                            // toolbox: {
                                            //     feature: {
                                            //         saveAsImage: {}
                                            //     }
                                            // },
                                            xAxis: {
                                                type: 'category',
                                                axisLabel:{
                                                    color:'rgba(255,255,255,.6)'
                                                },
                                                data: x_lable
                                            },
                                            yAxis: {
                                                type: 'value',
                                                min:(min_price*0.999).toFixed(3),
                                                axisLabel:{
                                                    color:'rgba(255,255,255,.6)'
                                                },

                                            },
                                            series: [
                                                {
                                                    name: '开盘价格',
                                                    type: 'line',
                                                    step: 'start',
                                                    data: y_open
                                                },
                                                {
                                                    name: '收盘价格',
                                                    type: 'line',
                                                    step: 'middle',
                                                    itemStyle:{
                                                        color:'blue'
                                                    },
                                                    data: y_close
                                                },
                                                {
                                                    name: '最高价格',
                                                    type: 'line',
                                                    step: 'end',
                                                    itemStyle:{
                                                        color:'yellow'
                                                    },
                                                    data: y_high
                                                },
                                                {
                                                    name: '最低价格',
                                                    type: 'line',
                                                    step: 'end',
                                                    itemStyle:{
                                                        color:'white'
                                                    },
                                                    data: y_low
                                                }
                                            ]
                                        };
                                        myChart.setOption(option);
                                    },
                                    error:function(msg){
                                        alert("出错了")
                                    }

                                });
                            }
                            
                        </script>
                    </div>
                </li>
                <li>
                    <div class="boxall" style="height:300px">
                        <div class="alltitle">主流币种排名</div>
                        <div class="navboxall">
                            <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                    <tr>
                                        <th scope="col">排名</th>
                                        <th scope="col">币种</th>
                                        <th scope="col">市值</th>
                                        <th scope="col">当日交易额</th>
                                    </tr>
                                    <tr id="tr_main_coin_1">
                                        <!-- tr中的你内容在js.js的onload中加载 -->
                                    </tr>
                                    <tr id="tr_main_coin_2">

                                    </tr>

                                    <tr id="tr_main_coin_3">

                                    </tr>
                                    <tr id="tr_main_coin_4">

                                    </tr>
                                    <tr id="tr_main_coin_5">

                                    </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="boxall" style="height: 300px">
                        <div class="alltitle">山寨币种排名</div>
                        <div class="navboxall">
                            <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                    <tr>
                                        <th scope="col">排名</th>
                                        <th scope="col">币种</th>
                                        <th scope="col">市值</th>
                                        <th scope="col">当日交易额</th>
                                    </tr>
                                    <tr id="tr_not_main_coin_1">

                                    </tr>
                                    <tr id="tr_not_main_coin_2">

                                    </tr>

                                    <tr id="tr_not_main_coin_3">

                                    </tr>
                                    <tr id="tr_not_main_coin_4">

                                    </tr>
                                    <tr id="tr_not_main_coin_5">

                                    </tr>

                                </tbody>
                            </table>
                        </div>

                    </div>

                    <div class="boxall" style="height:320px">
                        <div class="alltitle">货币相关性</div>
                        <div class="navboxall" id="echart_hot"></div>
                    </div>


                </li>
            </ul>

        </div>
    </div>

    <script>
        $(function () {
            $('.wrap,.adduser').liMarquee({
                direction: 'up',/*身上滚动*/
                runshort: false,/*内容不足时不滚动*/
                scrollamount: 20/*速度*/
            });
        });

    </script>


</body>
</html>
